/*GENERALES*/


@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');


@font-face {
   font-family: montserrat;
   src: url(../fonts/montserrat.ttf);
}


.merriweather {
   font-family: "Merriweather", serif;
   font-style: normal;
   font-variation-settings:
      "wdth" 100;
}


h1 {
   color: #666666;
   text-align: right;
   width: 100%;
   padding: 118px 22% 100px 0;
}

h2 {
   font-family: montserrat;
   font-weight: bold;

}

p {
   font-family: montserrat;
   font-weight: 500;

}

#nosotros,
#ubicaciones,
#servicios,
#galeria,
#contacto {
   scroll-margin-top: 100px;
}

/*HEADER*/

.navbar {
   background: linear-gradient(to right, #ffffff, #FE9665) !important;
   position: fixed;
   width: 100%;
   z-index: 9;
}


.navbar-brand img {
   width: 150px;
}

.active {
   color: #a74215 !important;
}

.nav-link {
   font-size: 22px;
   margin: 0 20px;
}

.one-shot {
   background-image: url(../imagenes/fondo-principal.jpg);
   background-attachment: fixed;
   background-position: center bottom;
   background-size: cover;
   margin-left: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 110px 0 10px 0;
}

.logo {
   width: 50%;
}

.one-shot img {
   width: 92%;
   padding: 30px 0;
}


.titulo-principal {
   width: 50%;
}

/*NOSOTROS*/

.nosotros {
   background-image: url(../imagenes/fondo-segundo.jpg);
   padding-bottom: 180px;
   text-align: center;
}

.nosotros h2 {
   color: #999999;
   padding: 102px 22% 32px;
}

.nosotros p {
   color: #999999;
   padding: 0 22%;
}

.valores {
   text-align: center;
}

.valores h2 {
   display: none;
}

.frente-mision {
   background-image: url(../imagenes/mision-hover.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
   display: inline-block;
   margin: -120px 30px 50px;
}

.frente-mision img {
   opacity: 1;
   transition: all ease .3s;
   width: 100%;
   border-radius: 10px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.frente-mision img:hover {
   opacity: 0;
}

.frente-vision {
   background-image: url(../imagenes/vision-hover.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
   display: inline-block;
   margin: -120px 30px 50px;
}

.frente-vision img {
   opacity: 1;
   transition: all ease .3s;
   width: 100%;
   border-radius: 10px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.frente-vision img:hover {
   opacity: 0;
}



/*UBICACIONES*/

.ubicaciones {
   margin-top: 100px;
   width: 100%;
}

.contenedor-imagen {
   display: flex;
   justify-content: center;
   width: 100%;
   padding-top: 30px;
}

.ubicaciones a {
   text-align: center;
}

.imagen-desk {
   width: 90%;
}

.ubicaciones h2 {
   color: #999999;
   text-align: center;
   font-size: 32px;
}



/*SERVICIOS*/

.servicios {
   background-image: url(../imagenes/flor-roja.png);
   background-repeat: no-repeat;
   padding: 120px 0;
   text-align: center;
}

.servicios h2 {
   color: #999999;
   text-align: center;
   font-size: 32px;
   padding-bottom: 24px;
}

.fila-arriba,
.fila-abajo {
   display: inline-block;
}

/*banquetes*/

.frente-banquetes {
   background-image: url(../imagenes/servicios/banquetes-hover.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
   display: inline-block;
   margin: 30px;
}

.frente-banquetes img {
   opacity: 1;
   transition: all ease .3s;
   width: 100%;
}

.frente-banquetes img:hover {
   opacity: 0;
}


/*candy*/

.frente-candy {
   background-image: url(../imagenes/servicios/candy-hover.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
   display: inline-block;
   margin: 30px;
}

.frente-candy img {
   opacity: 1;
   transition: all ease .3s;
   width: 100%;
}

.frente-candy img:hover {
   opacity: 0;
}


/*cazuelas*/

.frente-cazuelas {
   background-image: url(../imagenes/servicios/cazuelas-hover.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
   display: inline-block;
   margin: 30px;
}

.frente-cazuelas img {
   opacity: 1;
   transition: all ease .3s;
   width: 100%;
}

.frente-cazuelas img:hover {
   opacity: 0;
}

/*taquizas*/

.frente-taquizas {
   background-image: url(../imagenes/servicios/taquizas-hover.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
   display: inline-block;
   margin: 30px;
}

.frente-taquizas img {
   opacity: 1;
   transition: all ease .3s;
   width: 100%;
}

.frente-taquizas img:hover {
   opacity: 0;
}


/*GALERIA*/

.galeria {
   padding: 88px 0;
}

.galeria h2 {
   color: #999999;
   text-align: center;
   padding-bottom: 20px;
}

.contenedor-galeria {
   text-align: center;
   padding: 20px 5px;
   display: block;
}


/*HTML BANQUETES*/

.portada {
   text-align: center;
}

.portada-mb {
   display: none;
}

.barra-menu {
   background-color: rgba(255, 255, 255, 0.3);
   backdrop-filter: blur(10px);
   color: white;
   margin-top: -58px;
   padding: 10px 9%;
}

.barra-menu h3 {
   font-size: 24px;
}

.opciones {
   text-align: end;
}


/*CONTENEDOR-BOTONES*/

.menu-tab {
   background-image: url(../imagenes/menus/flor-menus.png);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: right;

}

.menu-tab h3 {
   font-size: 24px;
}

.menu-tab p {
   color: #666666;
   padding: 10px 0 20px;
}

.menu-tab li {
   color: #666666;
}

.tabnav {
   background-color: #F5EFEE;
   margin: 20px 0;
}

.tabnav img {
   width: 90px;
}

.tabnav-botones {
   justify-content: center;
}



/*MENUS*/

.contenido-menu {
   background-image: url(../imagenes/menus/flor-menus.png);
   background-repeat: no-repeat;
}

.menu,
.menu2,
.menu3 {
   padding: 20px 10%;
}

.nav-pills .nav-link.active {
   background-color: #a7411511;
}


/*ZONAS*/

.informacion p {
   font-family: montserrat;
   padding: 20px;
}

.informacion li {
   font-family: montserrat;
}

.primera-seccion h2 {
   padding: 20px;
   color: #9D3421;
}

.segunda-seccion {
   padding: 20px;
}

.segunda-seccion h3 {
   font-size: 18px;
   color: #9D3421;
}



/*FOOTER*/

.footer {
   background-image: url(../imagenes/footer.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 0;
}

.whatsapp {
   text-align: center;
   padding-bottom: 40px;
}

.whatsapp img {
   width: 240px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
   border-radius: 14px;
}


.footer h2 {
   color: #9D3421;
   padding-top: 90px;
   font-size: 32px;
}

.cotiza p {
   font-size: 24px;
   padding: 30px 0 16px;
}

.frase-final {
   font-weight: 400;
}

.legales-footer p {
   color: #9D3421;
   text-align: center;
}

.legales p {
   font-size: 16px;
   padding: 10px;
}

.legales-segundo p {
   margin-bottom: 50px;
}

/*FLECHA*/

.flecha {
   position: fixed;
   bottom: 20px;
   right: 20px;
   display: none;
}


.flecha img {
   width: 65px;
}







/*MEDIAS QUERYS-------------------------------------------------------*/

@media (max-width: 1200px) {

   .nav-link {
      margin: 0 12px;
   }

   .flecha {
      display: none;
   }

}

@media (min-width: 1100px) {

   .imagen-desk {
      width: 60%;
   }
}

@media (max-width: 1100px) {

   h1 {
      padding: 118px 20% 100px 0;
   }
}


@media (max-width: 992px) {

   .navbar {
      position: static;
   }

   #nosotros,
   #ubicaciones,
   #servicios,
   #galeria,
   #contacto {
      scroll-margin-top: 250px;
   }

   .one-shot {
      padding: 0;
   }

   .nosotros p {
      padding: 0 12%;
   }

   h1 {
      font-size: 28px;
   }

   nav.h1 {
      text-align: end;
   }

   .flecha {
      display: initial;
   }

   /*HTML BANQUETES*/

   .opciones {
      vertical-align: middle;
   }

   .opciones h3 {
      font-size: 22px;
   }

}

@media (max-width: 860px) {

   .footer h2 {
      padding-top: 66px;
   }

   .cotiza p {
      font-size: 24px;
      padding: 20px 0 16px;
   }
}


@media (max-width: 768px) {
   .whatsapp img {
      width: 250px;
   }

   .footer h2 {
      font-size: 32px;
      padding-top: 50px;
   }

   .cotiza p {
      font-size: 20px;
      padding: 20px 0 16px;
   }

   /*HTML BANQUETES*/

   .barra-menu {
      background-color: rgba(255, 255, 255, 0.3);
      margin: -187px 26% 0 0;
      padding-top: 40px;
      border-radius: 14px;
   }


   .opciones {
      text-align: start;
   }

   .portada-dsk {
      display: none;
   }

   .portada-mb {
      display: initial;
   }


}


@media (max-width: 704px) {
   .nosotros p {
      padding: 0 8%;
   }

   .principal h2 {
      font-size: 32px;
   }

   /*HTML BANQUETES*/

   .barra-menu h2 {
      font-size: 30px;
   }

   .texto-bar {
      font-size: 22px;
   }
}




@media (max-width:634px) {

   .one-shot {
      display: inline-block;
   }

   .one-shot img {
      width: 80%;
   }

   .logo {
      width: 100%;
   }

   .titulo-principal {
      width: 100%;
   }

   h1 {
      padding: 16px 50px;
   }

   .frente-vision {
      margin-top: 20px;
   }

   .nosotros p {
      font-size: 14px;
   }

   .nosotros h2,
   .ubicaciones h2,
   .servicios h2,
   .galeria h2 {
      font-size: 28px;
   }

   .ubicaciones h2 {
      padding-top: 30px;
   }

}

/*
@media (max-width:522px) {

   .portada-mb {
      margin-top: 40px;
   }
}*/


@media (max-width:449px) {

   .nosotros h2 {
      padding: 95px 10% 30px;
   }

}